<LayoutTableSmall >
    <template slot="top"></template>
    <template slot="other">
        <!-- 添加修改 -->
        <el-dialog :close-on-click-modal="false"  :close-on-press-escape="false"  :title="mixinEdit_editTitle" width="500px" :visible.sync="mixinEdit_editVisible"
            :before-close="function(){mixinEdit_editBoxClose('editForm')}" append-to-body  >
            <el-form ref="editForm" :model="form" label-width="100px"
                label-position="left">
                <el-form-item label="手机号" prop="mobile">
                    <el-input v-model="form.mobile" maxlength="11" show-word-limit></el-input>
                </el-form-item>
                <el-form-item label="姓名" prop="realName">
                    <el-input v-model="form.realName" maxlength="20" show-word-limit></el-input>
                </el-form-item>
                <el-form-item label="密码" prop="password">
                    <el-input v-model="form.password" maxlength="20"  show-password></el-input>
                </el-form-item>

                <el-form-item label="头像" prop="icon">
                    <el-input v-model="icon" maxlength="20" show-word-limit></el-input>
                </el-form-item>

                <el-form-item label="是否启用" prop="status">
                    <el-radio-group v-model="form.status" >
                        <el-radio :label="item.dictValue" v-for="(item,index) in dict_enable_status" :key="item.id">
                            {{item.dictLabel}}</el-radio>
                    </el-radio-group>
                </el-form-item>

                <el-form-item label="备注信息" prop="remark">
                    <el-input type="textarea" autosize maxlength="50" autosize="{minRows: 2,maxRows: 4}"
                        v-model="form.remark" show-word-limit></el-input>
                </el-form-item>
            </el-form>

            <div slot="footer">
                <el-row>
                    <el-col :span="12" style="text-align: left;">
                        <el-button @click="mixinEdit_resetForm('editForm')">重 置</el-button>
                    </el-col>
                    <el-col :span="12">
                        <el-button @click="mixinEdit_editBoxClose('editForm')">取 消</el-button>
                        <el-button type="primary" @click="mixinEdit_editFormSubmit({model:'form',ref:'editForm'})">确
                            定{{selected}}</el-button>
                    </el-col>
                </el-row>
            </div>
        </el-dialog>

    </template>
    <template slot="search">
        <el-form :inline="true" label-position="left" label-width="80px" :model="mixinTable_tableSearchData"
            class="demo-form-inline">
            <el-form-item label="手机号">
                <el-input clearable v-model="mixinTable_tableSearchData.mobile" placeholder="请输入"></el-input>
            </el-form-item>
            <el-form-item>
                <el-button @click="mixinTable_getTable('tableData', 1)">查询</el-button>
            </el-form-item>
        </el-form>
    </template>
    <template slot="function">
        <el-button type="primary" @click="mixin_editBoxOpen({type:'add',model:'form'})">添加用户</el-button>
    </template>
    <template slot="table">
        <el-table :data="tableData" style="width: 100%;" border :ref="mixinPage_vueName+'TableSmall'" height="100%"
            @selection-change="mixinTable_handleSelectionChangeTableSmall">
            <el-table-column type="selection" fixed width="50" align="center">
            </el-table-column>
            <el-table-column prop="mobile" label="手机号"></el-table-column>
            <el-table-column prop="realName" fixed label="姓名"></el-table-column>
            <el-table-column prop="createdTimeStr" label="创建时间" align="center"></el-table-column>
            <el-table-column prop="status" label="状态" align="center" width="80">
                <template slot-scope="scope">
                    <StateIcon :type="scope.row.statusMap.cssClass" />
                </template>
            </el-table-column>
            
            <el-table-column label="操作" align="center" width="340" fixed="right">
                <template slot-scope="scope">
                    <el-button @click="mixin_editBoxOpen({type:'update',model:'form',scope:scope})">编辑
                    </el-button>
                    <el-button type="danger" plain @click="mixinTable_selectTableDeleteData([scope.row])">删除</el-button>
                </template>
            </el-table-column>
        </el-table>
        <DictData ref="DictData"></DictData>
    </template>
    <template slot="options">
        <el-button :disabled="mixinTable_selectTableData.length<=0"
            @click="mixinTable_selectTableDeleteData()">删除已选</el-button>
        <el-button :disabled="mixinTable_selectTableData.length<=0" @click="mixinTable_clearSelectionChangeTableSmall()">取消选择
        </el-button>
    </template>
    <template slot="page">
        <el-pagination class="paginationStyle" background @current-change="mixinTable_getTable('tableData',$event)"
            :current-page.sync="mixinTable_pageData.pageNum" :page-size="$vFN.Constants.pageSize"
            layout="total, prev, pager, next,jumper" :total="mixinTable_pageData.total">
        </el-pagination>
    </template>
</LayoutTableSmall>